<template>
  <div id="app">
    <DemoUseModals v-model:name="form.name" v-model:age="form.age"/>
    {{JSON.stringify(form)}}
  </div>
</template>

<script>
import DemoUseModals from "./components/testDemo2.vue";

export default {
  components: {
    DemoUseModals
  },
  data(){
    return {
      form: {
        name: 'james',
        age: '18',
      }
    }
  },
}
</script>

<style scoped>
@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');

html, body, h1, h2, h3, p {
  font-family: 'Noto Serif', serif;
  user-select: none;
}

#app {
  text-align: center;
  color: rgba(0,0,0,0.4);
}
img {
  width: 500px;
}
a {
  color: #41b883;
  text-decoration: none;
  cursor: pointer;
}
</style>
